<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

 <script src="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxDataView/codebase/dhtmlxdataview.js"></script>

<link rel="STYLESHEET" type="text/css" href="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxDataView/codebase/dhtmlxdataview.css"/>  
 
<table border="0" >

<tr>
    <td><div id="data_container" style="border:1px solid #A4BED4; background-color:white;width:200px;height:200px;"></div></td>
    <td></td>
    <td><div id="data_container2" style="border:1px solid #A4BED4; background-color:white;width:200px;height:200px;"></div></td>
    
</tr>

</table>


<script>
var data = new dhtmlXDataView({
    container: "data_container",
    type: {
        template: "#clave# : #nombre#<br/>#email#",
        height: 40
    },
    drag:true
});
data.load("../empresa/mostrar", "json");

var data2 = new dhtmlXDataView({
    container: "data_container2",
    type: {
        template: "#clave# : #nombre#<br/>#email#",
        height: 40
    },
    drag:true
});
</script>
</body>
</html>